草庐IT

echarts 地图

全部标签

javascript - 在谷歌地图上自由绘制

我正在使用GoogleMapsAPIV3在Googlemap中绘制一些自由形式的多边形,而不是标准库附带的标准点击多边形。一切都很好。问题:多边形生成大量可编辑点。如何在需要时简化多边形并创建可编辑点?这里是我的代码:varlatlng=newgoogle.maps.LatLng(46.779231,6.659431);varoptions={center:latlng,zoom:19,mapTypeId:google.maps.MapTypeId.ROADMAP,draggable:false};varmap=newgoogle.maps.Map(document.getElemen

javascript - 在谷歌地图上监听键盘事件

我的应用程序中有Googlemap,我使用map在其上绘制折线。我想在谷歌地图上听键盘事件,这样说如果我在绘制Polyline时按下Esc键,它应该停止绘制(它应该重置DrawingMode)。我通过两种方式尝试了这个。1.我将keyevents添加到它的容器中:bindKeyEventsForMapButtons:function(btn){varme=this;btn.el.dom.onkeydown=function(e){if(btn.getId()=='drawPerimeterGoogleMap'){if(btn.pressed==true)btn.toggle(false

javascript - 谷歌地图 react

我们尝试在我们的应用程序中嵌入谷歌地图,但没有成功。自动完成字段没有问题,但我们尝试以相同的方式插入map,但出了点问题。我们使用React0.12并为自动完成字段创建一个组件。varGeocomplete=React.createClass({componentDidMount:function(){varinputOptions={componentRestrictions:{country:'it'}};newgoogle.maps.places.Autocomplete(document.getElementById('searchTextField'),inputOption

javascript - Openlayers 3 获取谷歌地图基础层?

我已经阅读了一些关于此事的帖子,其中包含指向examples的链接。但是我发现很难理解他们在示例中是如何做到的:vargmap=newgoogle.maps.Map(document.getElementById('gmap'),{disableDefaultUI:true,keyboardShortcuts:false,draggable:false,disableDoubleClickZoom:true,scrollwheel:false,streetViewControl:false});varview=newol.View({//makesuretheviewdoesn'tgo

javascript - Echarts.js 库 - 使用饼图的 onclick 事件引用页面

我正在使用echarts.js库来制作饼图,我想使饼图中的每个切片超链接到另一个页面。我现在使用静态数据点,以测试它是否有效-之后将更新为动态数据。下面是pie1a的示例-我希望T2、T2、T4和N/A引用他们自己的页面。T2="http://localhost/T2.html"。//ECHART_PIE1avarechartPie1a=echarts.init(document.getElementById('echart_pie1a'),theme);echartPie1a.setOption({tooltip:{trigger:'item',formatter:"{a}{b}:{

javascript - 谷歌地图集群自定义图像

我想用自定义图像更改谷歌地图聚类。但是,它不会改变我提供的任何内容。这个initMap函数是https://developers.google.com/maps/documentation/javascript/marker-clustering然后我尝试用来自谷歌的一些随机图像来更改集群图像。但是,它不呈现任何内容。集群不支持自定义集群镜像??functioninitMap(){varmap=newgoogle.maps.Map(document.getElementById('map'),{zoom:3,center:{lat:-28.024,lng:140.887}});//Cr

javascript - 谷歌地图绘制两点之间的路线

我编写了这个无辜的javascript代码,它允许用户创建两个标记并绘制它们之间的路线。它不起作用,相反,它给出了一个奇怪的错误:UncaughtTypeError:Cannotreadproperty'ya'ofundefined有人可以告诉我这里出了什么问题吗://calleduponaclickGEvent.addListener(map,"click",function(overlay,point){if(isCreateHeadPoint){//addtheheadmarkerheadMarker=newGMarker(point,{icon:redIcon,title:'H

javascript - 谷歌地图 v3 : need multiple draggable markers to update HTML input fields

我正在开发一个使用GoogleMapsv3的项目,该项目将允许用户拖放随机放置的标记(用php生成的数量、坐标和标签)。我想要移动标记的纬度和经度来更新页面上的html输入字段。不幸的是,我对js了解不够,无法通过使用数组和/或“可变变量”以有效的方式为每个标记赋予唯一标识。到目前为止,这是我的代码:html{height:100%}body{height:100%;margin:0px;padding:0px}#map_canvas{height:100%}functioninitialize(){varlatlng=newgoogle.maps.LatLng(39.3939,-11

javascript - 谷歌地图库加载阻止页面

我使用以下HTML标记加载GoogleMapsAPI:但是,在脚本被浏览器加载之前,它会阻止加载HTML中它下面的所有内容。有没有办法让这个加载成为非阻塞的? 最佳答案 此代码为您提供了一个延迟函数,它接受一个url和一个可选的回调。它异步加载您的脚本而不阻塞页面呈现。我已经设置了保护,因此它不会加载相同的scritp两次,因此您可以随意调用它多次。defer=(function(){varurls=[];returnfunction(url,callback){varinc;if(url&&urls.indexOf(url)===

javascript - 在谷歌地图反向地理编码中获取明确的城市名称

使用GoogleMapsGeocodingAPI,我能够获取特定坐标的格式化地址。为了获得确切的城市名称,我正在执行以下操作:$.ajax({url:'http://maps.googleapis.com/maps/api/geocode/json?latlng='+lat+','+long+'&sensor=false',success:function(data){varformatted=data.results;varaddress_array=formatted[6].formatted_address.split(',');varcity=address_array[0];